*{ Choisir mode d'affichage en fonction de la variable page : 'information', 'inscription' }*
	
<div id="inscription_course">

	<div class="block_course" id="droite">
		<h3>Information de la course</h3>
		<div class="red"><label>Date limite d'inscription : </label>${_course.getDateFormater(_course.date_fin_inscription)}</div><br/>
		<label>Début de la course : </label>${_course.getDateFormater(_course.date_debut_course)}<br/>
		<label>Fin de la course : </label>${_course.getDateFormater(_course.date_fin_course)}<br/><br/>
		<label>Ville de départ : </label>${_course.modele.ville_depart.nom_ville}<br/>
		<label>Ville d'arrivee : </label>${_course.modele.ville_arrivee.nom_ville}<br/>
	</div>
	
	<div class="block_course" id="adaptable">
		<h3>#{if _page == "inscription"} 
				Choix des caractéristiques de votre bateau
			#{/if}
			#{if _page == "information"}
				Changer les caractéristiques de votre bateau  
			#{/if}
		</h3>
		#{if _page == "inscription"} 
			<div id="user_bateau_img" class="${_modele.couleur.libelle_couleur}"></div>
		#{/if}
		#{if _page == "information"}
			<div id="user_bateau_img" class="${_bateau.couleur.libelle_couleur}"></div>  
		#{/if}
	    <p>
	        #{field 'nomBateau'}
	        <label>Nom du bateau :</label>
	        #{if _page == "inscription"} 
				<input type="text" name="${field.name}" 
	            value="${_modele.nom}" />
			#{/if}
			#{if _page == "information"}
				<input type="text" name="${field.name}" 
	            value="${_bateau.nom}" /> 
			#{/if}
	        #{/field}
	    </p>
	    
	    <p>
	        #{field 'couleur_id'}
	        <label>Couleur :</label>
	        <select name="${field.name}">
	      		#{list items:_couleurs, as:'couleur'}
	      			<option value="${couleur.id}" style="color:${couleur.code_couleur};"
	      			#{if _page == "inscription"} 
						#{if _modele.couleur.id == couleur.id}
		      				selected 	      			
		      			#{/if}
					#{/if}
					#{if _page == "information"}
						#{if _bateau.couleur.id == couleur.id}
		      				selected 	      			
		      			#{/if}
					#{/if}
	      			>${couleur.libelle_couleur}</option>
	      		#{/list}
	        </select>
	        #{/field}
	    </p>
	</div>
	
	<div class="block_course">
		<h3>Liste des participants</h3>
		#{if _participants.size() > 0}
			<table id="tab_course">
				<tr>
					<th>Pseudo</th>
					<th>E-mail</th>
					<th>Nom du bateau</th>
					<th>Couleur du bateau</th>
					<th>Date d'inscription</th>
					<th>Action</th>
				</tr>
				#{list items:_participants, as:'participant'}
				<tr>
					<td>${participant.bateau.modele.utilisateur.pseudo}</td>
					<td>${participant.bateau.modele.utilisateur.email}</td>
					<td>${participant.bateau.nom}</td>
					<td>${participant.bateau.couleur.libelle_couleur}</td>
					<td>${participant.date_inscription}</td>
					<td><a href="#">Voir profil</a></td>
				</tr>				
				#{/list}
			</table>
		#{/if}
		#{else}
			<p>Il n'y a pas encore de joueur incrit sur cette course</p>
		#{/else}
	</div>
</div>
<div class="centrer">
#{if _page == "inscription"}
	<input type="submit" value="S'inscrire" class="bouton" />  
#{/if}
#{if _page == "information"}
	<input type="submit" value="Changer mes infos" class="bouton" />  
#{/if}
	<input type="button" value="Annuler" onclick="window.location.href='@{Courses.list()}'" class="bouton"/>
</div>
